<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="format-detection" content="telephone=no" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../public/css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/rightorder.css" />
	</head>

	<body>
		<div class="rightorder">
			<!--头-->
			<div class="rightorder_head">
				<div class="" @click="backpage()"></div>
			</div>
			<!--标题-->
			<div class="rightorder_top">
				<div class=""><img :src="shopimg" /></div>
				<h3 class="" v-if="if_pay" style="color: #69C965;">订单已完成</h3>
				<h3 class="" v-if="!if_pay" style="color: #C70027;">订单已取消</h3>
				<div class="">感谢您对猴哥的信任，期待再次光临</div>
			</div>
			<!--商品列表-->
			<div class="rightorder_list">
				<div class="rightorder_list_title" @click="tzshop()">
					<div class="">
						<img :src="shopimg" />
						<div class="" v-html="shopname"></div>
					</div>
					<div class=""></div>
				</div>
				<div class="rightorder_list_item" v-for="item in products_data">
					<div class="" v-html="item.name"></div>
					<div class="">
						<!--<div id="">×2</div>-->
						<div id="">￥{{item.price}}</div>
					</div>
				</div>
				<div class="rightorder_list_price">
					<div class="">原价</div>
					<div class="">￥<del>{{totle}}</del></div>
				</div>
				<div class="rightorder_list_price">
					<div class="">实付</div>
					<div class="">￥{{actprice}}</div>
				</div>
			</div>
			<!--配送信息-->
			<div class="rightorder_sendinfo">
				<div class="rightorder_sendinfo_title">配送信息</div>
				<div class="rightorder_sendinfo_content">
					<div class=""><div>送达时间：</div><div>尽快送达</div></div>
					<div class="">
						<div>送货地址：</div>
						<div class="userinfo">
							<div>{{username}}</div><div>{{user_phonenum}}</div><div>{{indexadress}}</div>
						</div>
					</div>
					<div class=""><div>配送方式：</div><div>商家配送</div></div>
				</div>
			</div>
			<!--支付信息-->
			<div class="rightorder_orderinfo">
				<div class="rightorder_orderinfo_title">配送信息</div>
				<div class="rightorder_orderinfo_content">
					<div class=""><div>订单号：</div><div>45562842314545</div></div>
					<div class=""><div>支付方式：</div><div>余额</div></div>
					<div class=""><div>下单时间：</div><div>{{buy_time}}</div></div>
				</div>
			</div>
		</div>
		<script src="../public/js/Zepto_min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../public/js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="//cdn1.lncld.net/static/js/2.1.2/av-min.js"></script>
		<script src="js/rightorder.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>